<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>会员列表</title>
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
		<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
		<link href="css/plugins/footable/footable.core.css" rel="stylesheet">

		<link href="css/animate.css" rel="stylesheet">
		<link href="css/style.css?v=4.1.0" rel="stylesheet">
		<link rel="stylesheet" href="css/page.css" />

		<!-- 全局js -->
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/footable/footable.all.min.js"></script>

		<!-- 分页js -->
		<script type="text/javascript" src="js/jquery.page.js"></script>
		<!-- 日期layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>

		<!-- 自定义js -->
		<script src="js/content.js?v=1.0.0"></script>
		<script>
			$(document).ready(function() {

				$('.footable').footable();
				$('.footable2').footable();

			});
		</script>
		
		<script src="js/core.js"></script>
		<script src="js/remendUser_add.js"></script>
	</head>

	<body class="gray-bg">

		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>会员列表</h5>
						</div>
						<div class="ibox-content">

							<!-- 顶部工具栏按钮 -->
							<div class="builder-toolbar">
								<div class="row">
									<!-- 工具栏按钮 -->

									<!-- 搜索框 -->
								</div>
							</div>

							<div class="row">

								<!-- 多条件搜索 -->
								<form class="form form-inline search-form-items" method="get" >
									<style>
										.form-inline .form-group {
											margin-right: 12px;
											margin-bottom: 15px;
										}
										
										.form-inline .btn {
											margin-bottom: 15px;
										}
										
										.form-group .right {
											display: inline-block;
										}
										
										@media (max-width: 768px) {
											.form-group .left {
												width: 25%;
											}
											.form-group .right {
												width: 70%;
											}
											.search-form-items .search-btn {
												width: 100%;
											}
										}
									</style>
								
									<div class="form-group item_status " style="padding-top: 10px; >
										<label class="left control-label">  <span>身份类型：</span> </label>
										<div class="right">
											<select oninput="selectOrdersStatus1(this.value)" id="memberType" name="memberType" class="form-control lyui-select select" style="font-size: 13px">
												<option value=''>全部：</option>
												<option value="1">体验会员</option>
												<option value="2">彩虹会员</option>
											</select>

										</div>
									</div>
									<div class="form-group item_status " style="padding-top: 10px; >
										<label class="left control-label"><span>会员类型：</span> </label>
									<div class="right">
										<select oninput="selectOrdersStatus2(this.value)" id="userType" name="userType" class="form-control lyui-select select" style="font-size: 13px">
											<option value=''>全部：</option>
											<option value="1">普通身份会员</option>
											<option value="2">内部员工</option>
											<option value="3">介绍人</option>
											<option value="4">百夫长</option>
											<option value="5">千夫长</option>
											<option value="6">加盟商</option>
											</select>
										</div>
									</div>

								<div class="form-group ">
								   <input type="text" name="phoneNumber" id="phoneNumber" class="search-input form-control" value="" placeholder="电话、姓名查询" >
								</div>
									
							<div class="form-group item_status" id="time" style="padding-top: 10px; ">
		                        <input id="startTime" class="laydate-icon form-control layer-date" placeholder="会员注册时间">
		                        
		                        <input id="endTime" class="laydate-icon form-control layer-date" placeholder="会员注册时间">
		                        
		                        <span class="">
		                        	<a class="btn btn-default search-btn"   onclick="searchList();">
		                        		<i class="fa fa-search"></i>
		                        	</a>
		                        </span>
		                    </div>
									
								</form>
								<!--<div><span class="input-group-btn">
                                <a  style="margin-bottom: -50px;" href="shop_add.html"  class="btn btn-sm btn-primary">新增</a>
                             </span></div>-->
							</div>
                              <div class="ibox-content" style="overflow:scroll;" >
							<table class="table table-stripped toggle-arrow-tiny" style="font-size: 12px;  border-spacing:5px; min-width:1300px" data-page-size="8">
								<thead>
									<tr>
										<th><input type="checkbox" /></th>
										<th>会员ID</th>
										<th>姓名</th>
										<th>电话</th>
										<th>身份类型</th>
										<th>会员类型</th>
										<th>注册时间</th>  
										<th>身份状态</th>
										<th>上级推荐人</th>
										<th>会员二维码</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="thislist">
								</tbody>
								<tbody>
									<tr>
										<td colspan="8">
											<div id="pager"></div>
										</td>
									</tr>
								</tbody>
							</table>
					</div> 
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="modal inmodal" id="chenge" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content animated bounceInRight">
					<div class="modal-header">
						<h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
					</div>
					<div class="modal-body" style="height: 100px;">
								<div class="form-group item_title " style="padding-right: 10px;">
									<label class="col-sm-3 control-label">
        	        	<span>输入上级推荐人手机号或真实名称：</span>
                                    </label>
									<div class="col-sm-9">
										<input type="text" class="form-control input text" id="recomend"  value="" placeholder="电话\真实名称" required="required">
									</div>
								</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal" href="javascript:history.go(-1);">取消</button>
						<button type="button" class="btn btn-white" data-dismiss="modal" onclick="addRecomend();">确定</button>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="modal inmodal" id="chenge1" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content animated bounceInRight">
					<div class="modal-header">
						<h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
					</div>
					<div class="modal-body" style="height: 100px;">
								<div class="right">
											<select  id="memberType1" name="memberType1" class="form-control lyui-select select" style="font-size: 13px">
												<option value="1">体验会员</option>
												<option value="2">彩虹会员</option>
											</select>
									</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal" onclick="chengeType1();">确定</button>
					</div>
					
				</div>
			</div>
		</div>
		
	</body>

</html>